import React from 'react'
import './VideoFooter.css'
import MusicNoteIcon from "@material-ui/icons/MusicNote";
import Ticker from "./Ticker.js";
function VideoFooter({channel,description,song}) {
    return (
        <div className='VideoFooter'>
            <div className='VideoFooter_text'>
            <h2>@{channel}</h2>
            <p>{description}</p>
            </div>
            <div className="videoFooter__ticker">
          <MusicNoteIcon className="videoFooter__icon" />
          <Ticker mode="smooth">
            {({ index }) => (
              <>
                <p>{song}</p>
              </>
            )}
          </Ticker>
        </div>
            <div ></div>
<img className='VideoFooter_reco' src="https://static.thenounproject.com/png/934821-200.png"
// src='https://lf16-tiktok-common.ibytedtos.com/obj/tiktok-web-common-sg/mtact/static/pwa/icon_512x512.png'
// src='https://sf16-scmcdn-sg.ibytedtos.com/goofy/tiktok/web/node/_next/static/images/logo-whole-c555aa707602e714ec956ac96e9db366.svg'
alt=''></img>

            
        </div>
    )
}

export default VideoFooter
